<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<style type="text/css">
    p {
        /* 指定列数 */
        /* column-count: 3; */
        /* 或指定列宽 */
        column-width: 10em;
        /* 指定内容分布方式 */
        column-fill: balance;
        column-rule: medium solid black;
        /* 列之间的距离 */
        column-gap: 1.5em;
    }

    img {
        float: left;
        border: medium double black;
        background-color: lightgray;
        padding: 2px;
        margin: 2px;
    }
</style>

<body>
    <!-- 可以使用float属性创建浮动盒，浮动盒会将元素的左边界或者右边界移动到包含块
    或另一个浮动盒的边界 -->
    <p>
        There are lots of different kinds of fruit - there are over 500 varieties
        of banana alone. By the time we add the countless types of apples, oranges,
        and other well-known fruit, we are faced with thousands of choides.
        <img id="banana" src="../images/apple.png" alt="small banana">
        One of the most interesting aspects of fruit is the variety available in
        each country. I live near London, in an area which is known for
        its apples.
        <img id="banana" src="../images/apple.png" alt="small banana">
        When travelling in Asia, I was struck by how many different kinds of banana were available - many of
        which had unique flavours and which were only avaiable within a small region.

        And, of course, there are fruits which are truely unique - I am put in mind
        of the durian, which is widely consumed in SE Asia and is known as the
        "king of fruits". The durian is largely unknown in Europe and the USA - if
        it is known at all, it is for the overwhelming smell, which is compared
        to a combination of almonds, rotten onions and gym socks.
    </p>

</body>

</html>